<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "https://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>CMS Upgraded</title>
<link rel="stylesheet" type="text/css" href="images/site.css">
<link rel="stylesheet" type="text/css" href="images/datagrid.css">
<link rel="stylesheet" type="text/css" href="images/calendar.css">
<link rel="stylesheet" type="text/css" href="images/style.css">
<script src="db.js"></script>
  <script>
            $(document).ready(function() {         
			        $('#press').click(function() {     
                    $.get('getreq', function(responseText) {
                        $('#show').html(responseText);   
                        $("#show2").css("visibility", "visible");     
                    });
                });
            });
   
			 $(document).ready(function() {         
			        $('#reject').click(function() {     
                    $.get('reject?roll=bcsf11a001', function(responseText) {
                        $('#rej').html(responseText);     
                    });
                });
            });
        </script>
</head><%String name=(String)request.getAttribute("name");%>
<body leftmargin="0" topmargin="0" bgcolor="" link="#0066FF" marginheight="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td align="left" height="81" width="185"><a href="#"><img src="images/logo.png" alt="CMS" align="left" border="0"></a> </td>
      <td><br>
        <img src="images/tagline.png" alt="CMS Online" border="0"></td>
    </tr>
  </tbody>
</table>
<div id="tabs">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
      <tr style=" background-color:#003366">
        <td class="home" height="20" width="170"><a  href="#"><img src="images/menu-widget.png" alt="" border="0" height="16">Home Page</a> </td>
        <td nowrap="nowrap"><a href="#">FAQs</a></td>
        <td nowrap="nowrap"><a href="#">Calendar</a></td>
        <td nowrap="nowrap"><a href="#">Help Desk</a></td>
        <td class="last_tab" nowrap="nowrap"><a style="color: white;" href="#">Messages[0]</a> </td>
        <td class="end_cap" background="images/tab-end-cap-bg.png" valign="top" width="250"><img src="images/tab-end-cap.png" style="float:left;" border="0"> </td>
        <td class="end_cap"></td>
      </tr>
    </tbody>
  </table>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td bgcolor="#EFEFEF" height="180" valign="top" width="150"><div id="menu">
          <table cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td><div style="color:#036;font-weight:bold;">Welcome <%= name %>  </div>
                  <p> <a href="welcome.jsp">Logout</a> </p></td>
              </tr>
            </tbody>
          </table>
          <br>
          <table class="menutable" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td class="menu_head" nowrap="nowrap"><b>Accounts</b></td>
              </tr>
              <tr>
                <td class="menu_item" nowrap="nowrap"><a href="minstallement.jsp">Manage installements</a><b style="color:red"><blink>&nbsp;New</blink></b></td>
              </tr>
              <tr>
                <td class="menu_item" nowrap="nowrap"><a href="mscholership.jsp">manage ScholerShip</a><b style="color:red"><blink>&nbsp;New</blink></b></td>
              </tr>
              <tr>
                <td class="menu_item" nowrap="nowrap"><a href="mfee.jsp">update fee</a><b style="color:red"><blink>&nbsp;New</blink></b></td>
              </tr>
            </tbody>
          </table>
          <table class="menutable" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr></tr>
            </tbody>
          </table>
        </div></td>
      <td bgcolor="#FFFFFF" height="180" valign="top"><p style=" margin-left:10px; padding-left:10px;">
        <div  id="show" >
          <table width="400" border="1">
            <tr>
              <th scope="col">roll number</th>
              <th scope="col">total fee</th>
              <th scope="col">installements</th>
              <th scope="col">due date</th>
            </tr>
          </table>
        </div>
        <button type="button" id="press">fetch</button>
        <div id="show2" style="visibility:hidden;">
          <form method="get" action="minstallement">
            <p>
              <label>Installement 1 </label>
              <input type="text" name="inst1">
              <label>date</label>
              <input type="date" name="due1">
            </p>
            <p>
              <label>Installement 2 </label>
              <input type="text" name="inst2">
              <label>date</label>
              <input type="date" name="due2">
            </p>
            <input type="hidden" value="bcsf11a001" name="roll">
            <p>
              <input type="submit">
              &nbsp;&nbsp;&nbsp;
              <button type="button" id="reject">reject</button>
            </p>
          </form>
        </div>
        <p id="rej"></p></td>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>
